<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>icf</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" href="/public/layui/admin/layui/css/layui.css" media="all">
	<link rel="stylesheet" href="/public/layui/admin/style/admin.css" media="all">
	<style>
		.layui-card-header {
			/*position: relative;*/
			height: 52px;
			/*line-height: 42px;*/
			/*padding: 0 15px;*/
			color: #333;
			border-radius: 2px 2px 0 0;
			border-bottom: none;
			font-size: 14px;
		}

		.layui-form-label {
			float: left;
			display: block;
			font-weight: 400;
			line-height: 20px;
			padding: 9px 10px;
			text-align: left;
			width: auto;
		}

		.layui-input,
		.layui-select,
		.layui-textarea {
			height: 30px;
			/*margin-top: 5px;*/
		}

		.layui-table-cell {
			height: auto;
			line-height: 20px;
		}
	</style>
</head>

<body>
	<div class="layui-fluid">
		<div class="layui-row layui-col-space15">
			<div class="layui-col-md12">
				<div class="layui-card">
					<div class="layui-form layui-card-header">
						<div class="layui-form-item">
							<div class="layui-inline">
								<div class="layui-input-inline">
									<input type="text" id="order_code" name="order_code" placeholder="请输入订单号"
										autocomplete="off" class="layui-input">
								</div>
								<div class="layui-input-inline">
									<input type="text" id="user_name" name="user_name" placeholder="请输入收件人姓名"
										autocomplete="off" class="layui-input">
								</div>
								<div class="layui-input-inline">
									<input type="text" id="mobile" name="mobile" placeholder="请输入手机号" autocomplete="off"
										class="layui-input">
								</div>
								<div class="layui-input-inline">
									<input type="text" id="product_name" name="product_name" placeholder="请输入商品名称"
										autocomplete="off" class="layui-input">
								</div>
								<div class="layui-input-inline">
									<input type="text" id="begin_time" name="begin_time" placeholder="下单起始时间"
										autocomplete="off" class="layui-input">

								</div>
								<div class="layui-input-inline">
									<input type="text" id="end_time" name="end_time" placeholder="下单结束时间"
										autocomplete="off" class="layui-input">
								</div>
							</div>
							<div class="layui-inline">
								<button class="layui-btn layui-btn-sm" lay-submit lay-filter="list-search">搜索</button>
							</div>
						</div>
					</div>
				</div>
				<div class="layui-card">
					<div class="layui-card-body">
						<!-- 表格 -->
						<table class="layui-hide" id="data-table" lay-filter="data-table"></table>
						<!-- 嗮选表单字段 -->
						<!-- <script type="text/html" id="data-table-filter">
						<div class="layui-btn-container">
							<button class="layui-btn layui-btn-sm" lay-event="add">添加</button>
						</div>
					</script> -->
						<!-- 操作工具栏 -->
						<script type="text/html" id="data-table-toolbar">
							<a class="layui-btn layui-btn-xs" lay-event="view">查看</a>
							<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delivery">发货</a>
						</script>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script src="/public/layui/admin/layui/layui.js"></script>
	<script>
		layui.config({
			base: '/public/layui/admin/' //静态资源所在路径
		}).extend({
			index: 'lib/index' //主入口模块
		}).use(['index', 'table', 'jquery', 'laydate'], function () {
			var $ = layui.$;
			var table = layui.table;
			table.render({
				elem: '#data-table',
				url: '/admin/Orders/payistjson_saas' +
					'?appid={{data.Who.MiniAppId}}&tid={{data.Who.TenantId}}',
				where: {
					"keyword": ""
				},
				cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
					,
				toolbar: '#data-table-filter',
				cols: [
				[
						//#TableJsonFields#
						{
							field: 'id',
							title: 'id',
							hide: true
						},
						{
							field: 'OrderCode',
							title: '订单号',
							hide: false
						},
						{
							field: 'ShopName',
							title: '店铺名',
							hide: false
						},
						{
							field: 'UserName',
							title: '下单人',
							hide: false
						},
						{
							field: 'Mobile',
							title: '联系电话',
							hide: false
						},
						{
							field: 'OrderType',
							title: '订单类型',
							hide: false,
							templet: function (d) {
								if (d.OrderType == 1) {
									return '普通';
								} else if (d.OrderType == 2) {
									return '快递';
								}
								return "";
							}
						},
						//  {field:'province',title: '省', hide: false},
						//  {field:'city',title: '市', hide: false},
						//  {field:'area',title: 'area', hide: false},
						{
							field: '',
							title: '收货地址',
							hide: false,
							templet: function (d) {
								return d.Province + d.City + d.Area + '<br/>' + d.Address;
							}
						},
						//{field:'trade_no',title: 'trade_no', hide: false},
						//  {field:'pro_amount',title: 'pro_amount', hide: false},
						//  {field:'payable_amount',title: 'payable_amount', hide: false},
						//  {field:'real_amount',title: 'real_amount', hide: false},
						//  {field:'balance_amout',title: 'balance_amout', hide: false},
						//  {field:'postage',title: 'postage', hide: false},
						//  {field:'discount_fee',title: 'discount_fee', hide: false},
						{
							field: '',
							title: '金额信息',
							hide: false,
							templet: function (d) {
								var amountInfo = "商品金额：" + d.ProAmount / 100.00;
								if (d.IfPay == 1) {
									amountInfo += "<br/>应付金额：" + d.PayableAmount / 100.00;
									amountInfo += "<br/>优惠金额：" + d.DiscountFee / 100.00;
									amountInfo += "<br/>微信支付：" + d.RealAmount / 100.00;
									amountInfo += "<br/>余额支付：" + d.BalanceAmout / 100.00;
									amountInfo += "<br/>运费：" + d.Postage / 100.00;
								}
								return amountInfo;
							}
						},

						{
							field: '',
							title: '订单状态',
							hide: false,
							templet: function (d) {
								if (d.IfFinish == 1) {
									return "已完成";
								} else if (d.IfCancel == 1) {
									return "已取消";
								} else if (d.IfRefund == 1) {
									return "退款中";
								} else if (d.IfDelivery == 1) {
									return "已发货";
								} else if (d.IfPay == 1) {
									return "已支付";
								}
								return "未支付"
							}
						},


						//  {field:'if_pay',title: 'if_pay', hide: false},
						{
							field: 'PayTime',
							title: '支付时间',
							hide: false,
							templet: function (d) {
								return formatter_datatime(d.PayTime)
							}
						},
						//  {field:'if_cancel',title: 'if_cancel', hide: false},

						//  {field:'if_delivery',title: 'if_delivery', hide: false},
						// {
						// 	field: 'DeliveryTime',
						// 	title: '发货时间',
						// 	hide: false,
						// 	templet: function (d) {
						// 		return formatter_datatime(d.DeliveryTime)
						// 	}
						// },
						//  {field:'if_finish',title: 'if_finish', hide: false},
						//  {field:'if_refund',title: 'if_refund', hide: false},
						// {
						// 	field: '',
						// 	title: '物流信息',
						// 	hide: false,
						// 	templet: function (d) {
						// 		if (d.IfDelivery == 1) {
						// 			return d.LogisticsCompany + '<br/>' + d.LogisticsNo;
						// 		}
						// 		return "";

						// 	}
						// },
						//  {field:'logistics_id',title: 'logistics_id', hide: false},
						//  {field:'logistics_company',title: 'logistics_company', hide: false},
						//  {field:'logistics_no',title: 'logistics_no', hide: false},
						{
							field: 'remark',
							title: '备注',
							hide: false
						},
						// {
						// 	field: 'CancelTime',
						// 	title: '取消时间',
						// 	hide: false,
						// 	templet: function (d) {
						// 		return formatter_datatime(d.CancelTime)
						// 	}
						// },
						{
							fixed: 'right',
							title: '操作',
							toolbar: '#data-table-toolbar',
							width: 120
						}
					]
				],
				page: true
			});


			var laybegindate = layui.laydate;

			//执行一个laydate实例
			laybegindate.render({
				elem: '#begin_time', //指定元素
				type: 'datetime'
			});

			var layenddate = layui.laydate;

			//执行一个laydate实例
			layenddate.render({
				elem: '#end_time', //指定元素
				type: 'datetime'
			});



			//头工具栏事件
			// table.on('toolbar(data-table)', function(obj){
			// 	switch(obj.event){
			// 		case 'add':{
			// 			var url = "/admin/Orders/editpage_saas" + '?appid={{data.Who.MiniAppId}}&tid={{data.Who.TenantId}}';
			// 			parent.layer.open({
			// 				type: 2,
			// 				anim: -1,
			// 				area: ['700px','600px'],
			// 				offset: '16px',
			// 				content: url,
			// 				end: function () {
			// 					window.location.reload();
			// 				}
			// 			});
			// 		}
			// 			break;
			// 	};
			// });

			function formatter_datatime(value) {
				if (value != null) {
					var date = new Date(value);
					var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
					var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
					var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
					var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
					var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
					if (date.getFullYear() == "0001") {
						return "-";
					}
					return date.getFullYear() + "-" + month + "-" + currentDate + " " + hours + ":" + minutes + ":" +
						seconds;
				}
			}

			//监听行工具事件
			table.on('tool(data-table)', function (obj) {
				var data = obj.data;
				console.log('table on click');
				if (obj.event === 'delivery') {
					var url = "/admin/Orders/deliverypage_saas?id=" + data.Id +
						'&appid={{data.Who.MiniAppId}}&tid={{data.Who.TenantId}}';
					parent.layer.open({
						type: 2,
						anim: -1,
						area: ['700px', '600px'],
						offset: '16px',
						content: url,
						end: function () {
							refresh()
							//window.location.reload();
						}
					});
				} else if (obj.event === 'view') {
					var url = "/admin/Orders/editpage_saas?id=" + data.Id +'&appid={{data.Who.MiniAppId}}&tid={{data.Who.TenantId}}';
					parent.layer.open({
						type: 2,
						anim: -1,
						area: ['1100px', '800px'],
						offset: '16px',
						content: url,
						end: function () {
							refresh()
							//window.location.reload();
						}
					});
				}
			});

			// 嗮选字段 监听搜索
			form = layui.form;
			form.on('submit(list-search)', function (data) {
				refresh()
				/*var field = data.field;
				//执行重载
				table.reload('data-table', {
					where: field
				});*/
			});

			function refresh() {
				var order_code = $("#order_code").val();
				var user_name = $("#user_name").val();
				var mobile = $("#mobile").val();
				var product_name = $("#product_name").val();
				var begin_time = $("#begin_time").val();
				var end_time = $("#end_time").val();
				table.reload('data-table', {
					where: {
						"order_code": order_code,
						"user_name": user_name,
						"mobile": mobile,
						"product_name": product_name,
						"begin_time": begin_time,
						"end_time": end_time

					}
				});
			}

			//监听list整体排序
			table.on('sort(data-table)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
				//console.log(obj.field); //当前排序的字段名
				//console.log(obj.type); //当前排序类型：desc（降序）、asc（升序）、null（空对象，默认排序）
				//console.log(this); //当前排序的 th 对象

				//尽管我们的 table 自带排序功能，但并没有请求服务端。
				//有些时候，你可能需要根据当前排序的字段，重新向服务端发送请求，从而实现服务端排序，如：
				table.reload('data-table', {
					initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。 layui 2.1.1 新增参数
						,
					where: { //请求参数（注意：这里面的参数可任意定义，并非下面固定的格式）
						order_field: obj.field //排序字段   在接口作为参数字段  field order
							,
						order: obj.type //排序方式   在接口作为参数字段  field order
					}
				});
			});

		});
	</script>
</body>

</html>